<template>
    <layout title="我的店铺" :contentPadding="'0'">
        <div class="shop-container-text display-flex">
            <div class="container-text-logo">
                <van-image :src="mapImg" />
            </div>
            <div class="container-text font-size-28">靖诺店铺开启时间：周一至周五 09:00-22:00</div>
        </div>
        <div class="shop-container-main">
            <div class="shop-container-main-item display-flex">
                <div class="item-picture">
                    <van-image width="9.066667vw" height="9.066667vw" fit="cover"
                        :src="''" />
                </div>
                <div class="item-text">靖诺优选商城</div>
                <div class="item-btn">
                    <van-button round size="small" block type="success" @click="goStorePresale"
                        color="linear-gradient(to right, #ff6034, #ee0a24)">进店</van-button>
                </div>
            </div>
        </div>
    </layout>
</template>

<script setup>
import { useRouter } from 'vue-router'

import layout from '@/components/Layout/index.vue'
import mapImg from '@image/Logo/JINGNUO.png'

let router = useRouter();
let goStorePresale = () => {
    router.push({
        path: '/StorePresale',
        query: {
            id: '123'
        }
    })
}


</script>

<style lang="scss" scoped>
.shop-container-text{height: 40px;line-height: 40px;padding: 10px 20px;background-color: var(--text-bg);}
.container-text-logo{width: 137px;height: 37px;vertical-align: middle;margin-right: 10px;}
.container-text{flex: 1;}
.shop-container-main{padding: 20px;}
.shop-container-main-item{
    background-color: var(--white);padding: 20px;border-radius: 10px;margin-bottom: 20px;
}
.item-picture{
    width: 68px;height: 68px;border-radius:50px;overflow: hidden;
}
.item-text{flex: 1;padding: 0 20px;height: 68px;line-height: 68px;}
.item-btn{width: 140px;}
</style>